<ion-view class="settings" show-tabs>
  <ion-nav-bar class="bar-royal">
    <ion-nav-title>{{'Create Personal Wallet' | translate}}</ion-nav-title>
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>

  <ion-content>
    <form name="setupForm" ng-submit="create()" novalidate>
      <div class="list settings-list settings-input-group">
        <label class="item item-input item-stacked-label">
          <span class="input-label" translate>Wallet name</span>
          <input type="text" placeholder="{{'Family vacation funds'|translate}}" ng-model="formData.walletName" ng-required="true"
            ng-focus="formFocus('wallet-name')" ng-blur="formFocus(false)" required>
        </label>

        <div style="display:none" ng-include="'views/includes/cash.html'"></div>

        <div class="item item-divider"></div>

        <a class="item" ng-click="showAdvChange()">
          <span translate ng-show="!showAdv">Show advanced options</span>
          <span translate ng-show="showAdv">Hide advanced options</span>
        </a>

        <div ng-show="showAdv">
          <label style="display:none" class="item item-input item-stacked-label">
            <span class="input-label">Wallet Service URL</span>
            <input type="text" ng-model="formData.bwsurl" placeholder="https://wfc.kunteng.org:3232/bws/api">
          </label>

          <label class="item item-input item-select">
            <div class="input-label" translate>
              Wallet Key
            </div>
            <select class="m10t" ng-model="formData.seedSource" ng-options="seed as seed.label for seed in seedOptions" ng-change="resizeView()"></select>
          </label>

          <label class="item item-input item-stacked-label" ng-show="formData.seedSource.id == 'trezor' || formData.seedSource.id == 'ledger'">
            <span class="input-label" translate>Account Number</span>
            <input type="number" ng-model="formData.account" ignore-mouse-wheel>
          </label>

          <label class="item item-input item-stacked-label" ng-show="formData.seedSource.id == 'set'">
            <span class="input-label" translate>Wallet Recovery Phrase</span>
            <input placeholder="{{'Enter the recovery phrase (BIP39)'|translate}}" autocapitalize="off" type="text" ng-model="formData.privateKey">
          </label>

          <label class="item item-input item-stacked-label" ng-show="formData.seedSource.id == 'set'">
            <span class="input-label" translate>Derivation Path</span>
            <input type="text" placeholder="{{'BIP32 path for address derivation'|translate}}" ng-model="formData.derivationPath">
          </label>

          <ion-toggle style="display:none" ng-show="formData.seedSource.supportsTestnet && formData.coin == 'btc'" ng-model="formData.testnetEnabled" toggle-class="toggle-positive">
            <span translate>Testnet</span>
          </ion-toggle>

          <ion-toggle ng-model="formData.singleAddressEnabled" toggle-class="toggle-positive">
            <span translate>Single Address Wallet</span>
            <small translate>For audit purposes</small>
          </ion-toggle>

        </div>
        <!-- advanced -->
      </div>
      <!-- list -->

      <button type="submit" class="button button-standard button-primary" ng-disabled="setupForm.$invalid">
        <span translate>Create new wallet</span>
      </button>
    </form>
  </ion-content>
</ion-view>
